<div class="panel panel-default">
	<div class="panel-heading font-bold">告警服务器</div>
	<div class="panel-body">
		<table st-table="displayListData" st-safe-src="serverListData" class="table table-hover">
			<thead>
			<tr>
				<th class="text-center">IP</th>
				<th class="text-center">名称</th>
				<th class="text-center">状态</th>
				<th class="text-center">操作</th>
			</tr>
			</thead>
			<tbody>
			<tr>
				<td class="text-center" colspan="4" ng-if="(serverListData.length==0)">
					不存在告警服务器
				</td>
			</tr>
			<tr ng-repeat="row in displayListData">
				<td class="text-center" ng-bind="row.host"></td>
				<td class="text-center" ng-bind="row.name"></td>
				<td class="text-center">
					<button class="btn btn-xs disabled" ng-class="{'REMIND':'btn-info','WARN':'btn-warning','DANGER':'btn-danger'}[row.level]" ng-bind="row.level|cn:'alarmServer'"></button>
				</td>
				<td class="text-center">
					<button class="btn btn-sm btn-info m-r-sm" ng-click="goDetail(row.id)"><i class="fa fa-info-circle fa-fw"></i> 详情</button>
				</td>
			</tr>
			</tbody>
			<tfoot>
			<tr>
				<td colspan="2" class="text-left">
					<div>每页{{itemsByPage}}条，共{{total}}条</div>
				</td>
				<td colspan="3" class="text-right">
					<div st-pagination="" st-items-by-page="itemsByPage" st-displayed-pages="7" class="no-margin m-t-n-md"></div>
				</td>
			</tr>
			</tfoot>
		</table>
	</div>
</div>